<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="textml; charset=utf-8" />
<title></title>
<style>
body{
	margin:0;
	background: pink;
    font-size: 100px;
}
img{
	width:5%;
	background: pink;
}
</style>
<script>

function todou(n){
       if(n<10)
        {
            return '0'+n;
        }
        else
        {
             return ''+n;
        }
};

window.onload=function()
{
    var aimg=document.getElementsByTagName('img');
    
       function tick(){
        var oDate=new Date();
        var str=todou(oDate.getHours())+todou(oDate.getMinutes())+todou(oDate.getSeconds());
       for(var i=0;i<aimg.length;i++)
        {
             aimg[i].src='./film/'+str.charAt(i)+'.jpg';
        }
    }
         setInterval(tick,1000);
         tick();
 };
    
</script>
</head>
<body>
<img src="./film/0.jpg"/>
<img src="./film/0.jpg"/>
:
<img src="./film/0.jpg"/>
<img src="./film/0.jpg"/>
:
<img src="./film/0.jpg"/>
<img src="./film/0.jpg"/>
</body>
</html>
